GWT সেটআপ এবং ইনস্টলেশন

GWT (Google Web Toolkit) ব্যবহার করতে হলে প্রথমে এটি সঠিকভাবে সেটআপ এবং ইনস্টল করতে হবে। GWT ফ্রেমওয়ার্কটি Java দিয়ে ওয়েব অ্যাপ্লিকেশন তৈরি করার জন্য ব্যবহৃত হয়, এবং এটি JavaScript কোডে রূপান্তরিত হয়। GWT ইনস্টল করতে হলে কয়েকটি সহজ পদক্ষেপ অনুসরণ করতে হবে।

GWT সেটআপ প্রক্রিয়া:

1. Java Development Kit (JDK) ইনস্টল করা: GWT ব্যবহারের জন্য প্রথমেই আপনার কম্পিউটারে Java Development Kit (JDK) ইনস্টল করা থাকা উচিত। GWT Java দিয়ে কাজ করে, তাই JDK প্রয়োজন।
   • JDK ইনস্টল করতে, অফিশিয়াল Oracle সাইট থেকে JDK ডাউনলোড করুন।
   • ইনস্টলেশন প্রক্রিয়া অনুসরণ করে JDK ইনস্টল করুন এবং নিশ্চিত করুন JAVA_HOME পরিবেশ চলক সঠিকভাবে সেট করা আছে।
2. GWT SDK (Software Development Kit) ডাউনলোড করা: GWT SDK ডাউনলোড করতে, GWT এর অফিসিয়াল সাইট থেকে ডাউনলোড করুন।
   • SDK ফাইলটি ডাউনলোড করুন এবং আপনার কম্পিউটারে এটি এক্সট্র্যাক্ট করুন।
3. Apache Maven বা Ant ইনস্টল করা (ঐচ্ছিক): GWT প্রকল্প তৈরি এবং বিল্ড করার জন্য Apache Maven বা Ant ইনস্টল করা সুবিধাজনক। তবে GWT CLI সরাসরি ব্যবহার করেও কাজ করতে পারেন। যদি Maven ব্যবহার করতে চান, তাহলে Maven ডাউনলোড করুন এবং সেটআপ করুন।
4. GWT ইনস্টলেশন যাচাই করা: GWT ইনস্টলেশনের পর, কমান্ড লাইন থেকে gwt কমান্ডটি চালিয়ে নিশ্চিত করুন যে এটি সঠিকভাবে ইনস্টল হয়েছে।

   • কমান্ড প্রম্পট (Windows) বা টার্মিনাল (Mac/Linux) খুলুন এবং টাইপ করুন:

     gwt
     

     এটি GWT এর সাহায্যসম্বলিত কমান্ড লিস্ট দেখাবে, যদি ইনস্টলেশন সঠিকভাবে হয়ে থাকে।

GWT প্রকল্প তৈরি করা

GWT ইনস্টল করার পর, একটি নতুন GWT প্রকল্প তৈরি করা যায়। এখানে একটি সাধারণ GWT প্রকল্প তৈরি করার পদক্ষেপ দেওয়া হল:

1. নতুন GWT প্রকল্প তৈরি করা: আপনার কম্পিউটারে একটি নতুন ফোল্ডার তৈরি করুন যেখানে GWT প্রকল্প রাখা হবে। তারপর, GWT প্রজেক্টের জন্য স্ট্রাকচার তৈরি করুন:

   • উদাহরণস্বরূপ:

     gwt create myproject
     

2. GWT প্রকল্পের ফোল্ডারে কোড লিখা: প্রকল্প ফোল্ডারে যেতে হবে এবং সেখানে GWT অ্যাপ্লিকেশনের Java কোড লিখতে হবে। GWT প্রকল্পে একটি EntryPoint ক্লাস থাকতে হবে যা অ্যাপ্লিকেশন চালানোর জন্য মূল পয়েন্ট হবে।

3. GWT অ্যাপ্লিকেশন রান করা: আপনার অ্যাপ্লিকেশন চালানোর জন্য নিচের কমান্ডটি ব্যবহার করুন:

   gwt run
   

   এটি আপনার অ্যাপ্লিকেশনকে ব্রাউজারে চালু করবে।

GWT Highcharts ইন্টিগ্রেশন

যেহেতু আপনি GWT এবং Highcharts ব্যবহার করতে চান, আপনাকে Highcharts লাইব্রেরি GWT প্রকল্পে অন্তর্ভুক্ত করতে হবে। Highcharts JavaScript লাইব্রেরি GWT এর Java কোডে ইনটিগ্রেট করা সম্ভব।

Highcharts লাইব্রেরি যুক্ত করা:

1. Highcharts ডাউনলোড এবং ফোল্ডারে যুক্ত করা:
   • প্রথমে, Highcharts এর অফিসিয়াল সাইট থেকে লাইব্রেরি ডাউনলোড করুন।
   • Highcharts লাইব্রেরিটি আপনার প্রকল্পের public ফোল্ডারে রেখে দিন।
2. GWT JavaScript কোডে Highcharts ব্যবহার করা: GWT এ JavaScript লাইব্রেরি ব্যবহার করার জন্য JavaScriptOverlay বা JsInterop ব্যবহার করতে হয়। এটি GWT এর মাধ্যমে Highcharts লাইব্রেরির ফাংশনালিটি Java কোডে ব্যবহার করতে সহায়তা করবে।
3. Highcharts এর ফাংশনালিটি ইন্টিগ্রেট করা: GWT এর মাধ্যমে Highcharts লাইব্রেরির JavaScript কোডকে অ্যাক্সেস করতে হবে। আপনি JavaScript Overlay ব্যবহার করে Highcharts-এর গ্রাফ এবং চার্ট ইন্টিগ্রেট করতে পারবেন।

এভাবে, GWT সেটআপ ও ইনস্টলেশন প্রক্রিয়াটি সম্পন্ন করার পর, আপনি Highcharts লাইব্রেরি ব্যবহার করে আপনার ওয়েব অ্যাপ্লিকেশনে ইন্টারঅ্যাকটিভ চার্ট তৈরি করতে পারবেন।

GWT (Google Web Toolkit) প্রজেক্ট সেটআপ করা একটি সহজ প্রক্রিয়া, যেখানে Eclipse বা IntelliJ IDEA IDE ব্যবহার করে আপনি আপনার প্রথম GWT প্রজেক্ট তৈরি করতে পারবেন। নিচে Eclipse এবং IntelliJ IDEA এর জন্য GWT প্রজেক্ট সেটআপ করার প্রক্রিয়া বিস্তারিতভাবে দেওয়া হয়েছে।

Eclipse ব্যবহার করে GWT প্রজেক্ট সেটআপ

1. Eclipse ইনস্টল করুন

প্রথমে, আপনার কম্পিউটারে Eclipse IDE ডাউনলোড এবং ইনস্টল করুন। আপনি যদি Java ডেভেলপমেন্টের জন্য Eclipse ব্যবহার করে থাকেন, তাহলে Eclipse IDE for Java Developers সংস্করণটি ডাউনলোড করতে পারেন।

2. GWT প্লাগইন ইনস্টল করুন

Eclipse এ GWT ব্যবহার করার জন্য GWT প্লাগইন ইনস্টল করতে হবে:

• Eclipse ওপেন করুন।
• Help মেনুতে যান এবং Eclipse Marketplace নির্বাচন করুন।
• Google Plugin for Eclipse খুঁজুন এবং ইনস্টল করুন।
• ইনস্টলেশন শেষে Eclipse পুনরায় রিস্টার্ট করুন।

3. GWT প্রজেক্ট তৈরি করুন

• File > New > Other নির্বাচন করুন।
• "Google" সার্চ বক্সে লিখে Google Web Toolkit Project নির্বাচন করুন এবং Next এ ক্লিক করুন।
• প্রজেক্টের নাম দিন (যেমন: MyFirstGWTProject) এবং Finish এ ক্লিক করুন।

4. GWT অ্যাপ্লিকেশন কোড লিখুন

• GWT প্রজেক্ট তৈরি হলে, প্রজেক্টের মধ্যে src ফোল্ডারে গিয়ে Java ক্লাস তৈরি করুন।
• একটি Entry Point ক্লাস তৈরি করুন, যেখানে onModuleLoad() মেথডে আপনার ওয়েব অ্যাপ্লিকেশন লোড হবে।

উদাহরণ:

public class MyFirstGWTProject implements EntryPoint {
    public void onModuleLoad() {
        RootPanel.get().add(new Label("Hello, GWT!"));
    }
}

5. প্রজেক্ট রান করুন

• Run মেনু থেকে Run As > Web Application নির্বাচন করুন।
• Eclipse স্বয়ংক্রিয়ভাবে আপনার GWT অ্যাপ্লিকেশন ওয়েব ব্রাউজারে চালাবে।

IntelliJ IDEA ব্যবহার করে GWT প্রজেক্ট সেটআপ

1. IntelliJ IDEA ইনস্টল করুন

প্রথমে, IntelliJ IDEA ডাউনলোড এবং ইনস্টল করুন। আপনি Community Edition ব্যবহার করতে পারেন, যা ফ্রি।

2. GWT SDK ডাউনলোড করুন

GWT SDK ডাউনলোড করুন এবং আপনার কম্পিউটারে এক্সট্র্যাক্ট করুন। GWT SDK ডাউনলোড লিঙ্ক।

3. GWT প্রজেক্ট তৈরি করুন

• IntelliJ IDEA ওপেন করুন এবং Create New Project নির্বাচন করুন।
• Java নির্বাচন করুন এবং তারপর GWT নির্বাচন করুন (যদি GWT টেমপ্লেট সাপোর্ট না করে, তাহলে Maven বা Gradle ব্যবহার করতে পারেন)।
• প্রজেক্টের জন্য নাম দিন (যেমন: MyFirstGWTProject) এবং লোকেশন সিলেক্ট করুন।
• GWT SDK লোকেশন ঠিক করুন। SDK সেটআপ করার জন্য, Project Structure > Libraries > Add Library এ গিয়ে GWT SDK লোকেশন সিলেক্ট করুন।

4. GWT অ্যাপ্লিকেশন কোড লিখুন

• src ফোল্ডারে গিয়ে একটি Java ক্লাস তৈরি করুন।
• EntryPoint ক্লাস তৈরি করুন এবং onModuleLoad() মেথডে আপনার ওয়েব অ্যাপ্লিকেশন কোড লিখুন।

উদাহরণ:

public class MyFirstGWTProject implements EntryPoint {
    public void onModuleLoad() {
        RootPanel.get().add(new Label("Hello, GWT!"));
    }
}

5. প্রজেক্ট রান করুন

• IntelliJ IDEA তে Run মেনু থেকে Run নির্বাচন করুন অথবা Shift + F10 চাপুন।
• প্রজেক্টটি স্বয়ংক্রিয়ভাবে ব্রাউজারে চলবে এবং আপনার GWT অ্যাপ্লিকেশন প্রদর্শিত হবে।

সারাংশ

Eclipse বা IntelliJ IDEA ব্যবহারের মাধ্যমে GWT প্রজেক্ট সেটআপ করা অত্যন্ত সহজ। Eclipse এ GWT প্লাগইন ইনস্টল করে এবং IntelliJ IDEA তে GWT SDK সেটআপ করে আপনি খুব সহজেই GWT অ্যাপ্লিকেশন ডেভেলপ করতে পারবেন। দুইটি IDE-তেই প্রজেক্ট তৈরি, কোড লেখা এবং রান করার প্রক্রিয়া একই ধরনের এবং Java দিয়ে তৈরি করা হয়। GWT দিয়ে ডেভেলপ করা অ্যাপ্লিকেশন JavaScript এ কম্পাইল হয়ে ব্রাউজারে চালানো হয়।

GWT SDK (Google Web Toolkit Software Development Kit) হলো GWT অ্যাপ্লিকেশন ডেভেলপ করার জন্য প্রয়োজনীয় ফ্রেমওয়ার্ক, লাইব্রেরি, এবং টুলসের একটি প্যাকেজ। এটি ডেভেলপারদের Java ব্যবহার করে ওয়েব অ্যাপ্লিকেশন তৈরি করার সুবিধা দেয়। নিচে GWT SDK ডাউনলোড এবং ইনস্টল করার ধাপগুলো দেওয়া হলো:

GWT SDK ডাউনলোড

1. GWT অফিসিয়াল ওয়েবসাইটে যান: GWT SDK ডাউনলোড করতে প্রথমে GWT-এর অফিসিয়াল ওয়েবসাইটে যেতে হবে। এটি সাধারণত GWT-এর সর্বশেষ ভার্সন এবং অন্যান্য ডকুমেন্টেশন সরবরাহ করে। GWT SDK ডাউনলোড করতে, নিচের লিঙ্কে ক্লিক করুন:

   GWT SDK ডাউনলোড পেজ

2. ডাউনলোড লিঙ্কে ক্লিক করুন: ওয়েবসাইটে গিয়ে, আপনি GWT-এর সর্বশেষ সংস্করণ দেখতে পাবেন। সেখানে "Download" অথবা "Get Started" অপশন নির্বাচন করুন এবং SDK প্যাকেজটি ডাউনলোড করুন। এই প্যাকেজটি একটি ZIP ফাইল হবে।
3. ফাইলটি ডাউনলোড করুন: GWT SDK ডাউনলোড করার পর, আপনার কম্পিউটারে এটি সেভ হবে। সাধারণত, ফাইলটি .zip ফরম্যাটে থাকবে।

GWT SDK ইনস্টলেশন

1. ZIP ফাইল এক্সট্রাক্ট করুন: ডাউনলোড করা .zip ফাইলটি এক্সট্রাক্ট করুন। আপনি যেকোনো পছন্দসই লোকেশন যেমন C:\ বা D:\ ড্রাইভে এক্সট্রাক্ট করতে পারেন।
2. GWT SDK ফোল্ডার চেক করুন: এক্সট্রাক্ট করার পর, আপনি GWT SDK এর ফোল্ডার দেখতে পাবেন, যেখানে GWT SDK-এর সকল ফাইল এবং টুলস থাকবে। এই ফোল্ডারটি সাধারণত gwt-<version> নামে থাকবে।

3. ইনস্টলেশন সফল হয়েছে কিনা চেক করুন: ইনস্টলেশন সফল হয়েছে কিনা তা পরীক্ষা করতে, আপনি কমান্ড লাইন বা টার্মিনাল ওপেন করুন এবং gwt কমান্ডটি চালান। যদি সব কিছু ঠিক থাকে, তাহলে আপনি GWT-এর ভার্সন দেখতে পারবেন এবং এটি আপনার সিস্টেমে সফলভাবে ইনস্টল হয়েছে কিনা তা নিশ্চিত করতে পারবেন।

   উদাহরণস্বরূপ, আপনি এই কমান্ডটি ব্যবহার করতে পারেন:

   gwt --version
   

GWT SDK ইনস্টলেশন এবং কনফিগারেশন সম্পন্ন হওয়ার পর

1. ইন্টেলিজ আইডিই (IDE) সেটআপ: GWT SDK ইন্সটলেশনের পর, আপনি Java IDE যেমন IntelliJ IDEA বা Eclipse ব্যবহার করে GWT প্রকল্প তৈরি করতে পারেন। GWT SDK সাধারণত Eclipse-এর জন্য একটি প্লাগইন সরবরাহ করে, তবে আপনি ম্যানুয়ালি IDE সেটআপও করতে পারেন।
2. প্রথম GWT প্রজেক্ট তৈরি করুন: GWT SDK ইনস্টলেশনের পরে আপনি আপনার প্রথম GWT অ্যাপ্লিকেশন তৈরি করতে পারবেন। এটি Java দিয়ে কোড লেখা শুরু করতে সহায়ক হবে।

এভাবে আপনি GWT SDK ডাউনলোড এবং ইনস্টল করতে পারবেন এবং GWT অ্যাপ্লিকেশন তৈরি করার জন্য প্রস্তুত হতে পারবেন। GWT এর সাথে Highcharts ব্যবহার করতে, পরে JavaScript কোডিংয়ের মাধ্যমে Highcharts লাইব্রেরি অ্যাড করা হবে।

GWT (Google Web Toolkit) প্রজেক্টের ডিরেক্টরি স্ট্রাকচার সাধারণত কিছু নির্দিষ্ট ফোল্ডার এবং ফাইলের সংমিশ্রণ নিয়ে তৈরি হয়, যা প্রকল্পের কাঠামো ও কোডের সঠিকভাবে সংগঠিত থাকতে সহায়তা করে। একটি সাধারণ GWT প্রজেক্টের ডিরেক্টরি স্ট্রাকচার নিচে বর্ণিত হলো:

GWT প্রজেক্টের সাধারণ ডিরেক্টরি স্ট্রাকচার

• src/: এই ফোল্ডারে সমস্ত সোর্স কোড রাখা হয়, যেখানে Java ক্লাসগুলি থাকে। GWT প্রজেক্টের মূল কোড এবং Java ক্লাসগুলোর অধিকাংশ এই ফোল্ডারে থাকবে।
  • com/yourcompany/projectname/: এখানে আপনার প্রজেক্টের প্যাকেজের নাম অনুযায়ী সাবফোল্ডার তৈরি হবে। উদাহরণস্বরূপ, com.mycompany.myproject নামে একটি প্যাকেজ তৈরি হবে যেখানে Java ক্লাস ফাইলগুলো থাকবে।
• war/: এই ফোল্ডারটি ওয়েব অ্যাপ্লিকেশনের রিসোর্স ও স্ট্যাটিক ফাইল সংরক্ষণ করে, যেমন HTML, CSS, JavaScript ফাইল।
  • WEB-INF/: এই ফোল্ডারে ওয়েব অ্যাপ্লিকেশনের কনফিগারেশন ফাইলগুলি থাকে। যেমন web.xml যা GWT অ্যাপ্লিকেশনের কনফিগারেশন নির্ধারণ করে।
  • css/: ওয়েব অ্যাপ্লিকেশনের স্টাইলশিটগুলি থাকে।
  • js/: GWT অ্যাপ্লিকেশনের JavaScript ফাইলগুলো এখানে থাকে।
  • images/: প্রয়োজনীয় ইমেজ ফাইলসমূহ এই ফোল্ডারে রাখা হয়।
• .gwt.xml: GWT অ্যাপ্লিকেশনের জন্য একটি কনফিগারেশন ফাইল, যা GWT কম্পাইলারকে অ্যাপ্লিকেশনের কনফিগারেশন এবং ব্যবহারযোগ্য মডিউল সম্পর্কিত নির্দেশনা দেয়।
  • উদাহরণস্বরূপ: MyProject.gwt.xml ফাইলটি আপনার GWT অ্যাপ্লিকেশনের কনফিগারেশন ধারণ করবে।
• .idea/ বা .project/: এই ফোল্ডারগুলি আপনার IDE (Integrated Development Environment), যেমন IntelliJ IDEA বা Eclipse-এর জন্য কনফিগারেশন ফাইল ধারণ করে।
• lib/: এই ফোল্ডারটি তৃতীয় পক্ষের লাইব্রেরি বা ডিপেন্ডেন্সি ফাইল ধারণ করে, যেমন GWT SDK, Highcharts লাইব্রেরি, বা অন্যান্য জার (JAR) ফাইল।
• build/: প্রজেক্ট কম্পাইল এবং বিল্ড করার পরের আউটপুট ফোল্ডার। এটি তৈরি হবে যখন আপনি প্রজেক্ট কম্পাইল করবেন এবং এর মধ্যে কম্পাইল করা কোড এবং উৎপন্ন ফাইলগুলো থাকবে।

উদাহরণস্বরূপ GWT প্রজেক্ট ডিরেক্টরি স্ট্রাকচার

MyProject/
├── src/
│   └── com/
│       └── mycompany/
│           └── myproject/
│               ├── Client.java
│               └── Server.java
├── war/
│   ├── css/
│   │   └── style.css
│   ├── images/
│   │   └── logo.png
│   ├── js/
│   │   └── myproject.js
│   └── WEB-INF/
│       └── web.xml
├── lib/
│   └── gwt-sdk.jar
├── .gwt.xml
├── .idea/
├── build/

এটি একটি সাধারণ GWT প্রজেক্টের ডিরেক্টরি স্ট্রাকচার, যা আপনার প্রজেক্টের কোড এবং রিসোর্সগুলো সঠিকভাবে সংগঠিত ও পরিচালনা করতে সাহায্য করবে। Highcharts বা অন্যান্য লাইব্রেরি ইন্টিগ্রেট করার জন্য সাধারণত war/js/ ফোল্ডারে JavaScript ফাইল যোগ করা হয়, এবং তারপর এই ফাইলগুলো ব্যবহার করা হয় আপনার GWT অ্যাপ্লিকেশনে।

GWT (Google Web Toolkit) ব্যবহার করে প্রথম ওয়েব অ্যাপ্লিকেশন তৈরি করার জন্য আপনাকে কিছু প্রাথমিক পদক্ষেপ অনুসরণ করতে হবে। নিচে GWT দিয়ে প্রথম প্রজেক্ট তৈরি করার জন্য ধাপে ধাপে নির্দেশনা দেওয়া হলো:

GWT প্রজেক্ট তৈরি করার জন্য প্রয়োজনীয় উপকরণ

প্রথমে আপনাকে GWT ফ্রেমওয়ার্ক এবং Java ডেভেলপমেন্ট কিট (JDK) সঠিকভাবে ইনস্টল করতে হবে।

1. Java Development Kit (JDK): GWT শুধুমাত্র Java ব্যবহার করে কাজ করে, তাই Java Development Kit (JDK) আপনার সিস্টেমে ইনস্টল থাকতে হবে। আপনি JDK এর সর্বশেষ ভার্সন ডাউনলোড করতে পারেন এখানে।
2. GWT SDK: GWT SDK ডাউনলোড করতে হবে। এটি GWT এর ফ্রেমওয়ার্ক এবং টুলস সরবরাহ করে। আপনি GWT SDK ডাউনলোড করতে পারেন GWT অফিসিয়াল সাইট থেকে।

GWT প্রজেক্ট তৈরি করার ধাপসমূহ

1. Eclipse IDE ইনস্টল করা

GWT প্রজেক্ট তৈরি করতে Eclipse IDE একটি জনপ্রিয় পরিবেশ (IDE)। Eclipse ইনস্টল করার পর আপনাকে GWT প্লাগইন ইনস্টল করতে হবে।

• Eclipse ডাউনলোড: Eclipse IDE ডাউনলোড করতে পারেন এখানে।
• GWT প্লাগইন ইনস্টল: Eclipse-এ GWT প্লাগইন ইনস্টল করতে, Eclipse ওপেন করুন এবং Help > Eclipse Marketplace এ গিয়ে "Google Plugin for Eclipse" অনুসন্ধান করে ইনস্টল করুন।

2. নতুন GWT প্রজেক্ট তৈরি করা

1. Eclipse ওপেন করুন এবং File > New > Project... এ ক্লিক করুন।
2. GWT সিলেক্ট করুন এবং GWT Project নির্বাচন করুন।
3. একটি প্রজেক্ট নাম দিন, যেমন FirstGWTProject এবং Finish ক্লিক করুন।

3. GWT প্রজেক্টে প্রয়োজনীয় ফাইল যোগ করা

আপনার GWT প্রজেক্টে কয়েকটি ফাইল থাকতে হবে:

• EntryPoint.java: এটি হল আপনার অ্যাপ্লিকেশনের প্রবেশদ্বার (entry point), যেখানে অ্যাপ্লিকেশন শুরু হবে।
• public ফোল্ডার: এখানে অ্যাপ্লিকেশনের HTML এবং JavaScript ফাইল থাকবে।

4. GWT EntryPoint তৈরি করা

Eclipse-এ GWT প্রজেক্ট তৈরি হওয়ার পর, src ফোল্ডারে EntryPoint.java ফাইল তৈরি করুন। এটি GWT অ্যাপ্লিকেশনের মূল অংশ, যেখানে আপনি আপনার UI বা অন্যান্য ফাংশনালিটি ডিফাইন করবেন।

package com.example.firstgwtproject.client;

import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.ui.RootPanel;
import com.google.gwt.user.client.ui.Button;
import com.google.gwt.user.client.ui.Label;

public class FirstGWTProject implements EntryPoint {

    public void onModuleLoad() {
        // একটি লেবেল তৈরি করা
        Label label = new Label("Hello, GWT!");

        // একটি বাটন তৈরি করা
        Button button = new Button("Click me");

        // বাটনের ক্লিক ইভেন্ট হ্যান্ডলার
        button.addClickHandler(event -> label.setText("Button clicked!"));

        // RootPanel এ লেবেল এবং বাটন যোগ করা
        RootPanel.get().add(label);
        RootPanel.get().add(button);
    }
}

5. GWT অ্যাপ্লিকেশনের HTML ফাইল তৈরি করা

এখন আপনাকে public ফোল্ডারে একটি index.html ফাইল তৈরি করতে হবে, যেখানে GWT অ্যাপ্লিকেশন রেন্ডার হবে। উদাহরণস্বরূপ:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>First GWT Project</title>
    <script type="text/javascript" language="javascript" src="firstgwtproject.nocache.js"></script>
</head>
<body>
    <div id="gwt-container"></div>
</body>
</html>

6. GWT অ্যাপ্লিকেশন রান করা

1. GWT প্রজেক্ট রান করতে Eclipse-এ Run > Run As > Web Application নির্বাচন করুন।
2. আপনার ব্রাউজারে অ্যাপ্লিকেশন দেখতে পারবেন, যেখানে "Hello, GWT!" লেখা থাকবে এবং "Click me" বাটনে ক্লিক করলে লেবেলটি পরিবর্তিত হয়ে "Button clicked!" লেখা দেখাবে।

Highcharts যুক্ত করা

আপনি যদি GWT অ্যাপ্লিকেশনটিতে Highcharts ব্যবহার করতে চান, তাহলে আপনার GWT প্রজেক্টে Highcharts লাইব্রেরি অন্তর্ভুক্ত করতে হবে। এর জন্য আপনাকে JSNI (JavaScript Native Interface) ব্যবহার করতে হবে, যা GWT কোডে JavaScript কোড ব্যবহার করার সুবিধা দেয়।

public class HighchartsExample {

    public native void createChart() /*-{
        $wnd.Highcharts.chart('container', {
            chart: {
                type: 'line'
            },
            title: {
                text: 'Sample Line Chart'
            },
            xAxis: {
                categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May']
            },
            yAxis: {
                title: {
                    text: 'Value'
                }
            },
            series: [{
                name: 'Data Series',
                data: [1, 2, 3, 4, 5]
            }]
        });
    }-*/;
}

এখানে createChart ফাংশনটি Highcharts লাইব্রেরি ব্যবহার করে একটি সিম্পল লাইন চার্ট তৈরি করছে।

সারাংশ

এইভাবে, GWT ব্যবহার করে একটি ওয়েব অ্যাপ্লিকেশন তৈরি করার প্রাথমিক পদক্ষেপগুলোর মাধ্যমে আপনি Java দিয়ে ওয়েব অ্যাপ্লিকেশন ডেভেলপ করতে পারবেন। প্রজেক্টে Highcharts যুক্ত করে আপনি ইন্টারঅ্যাকটিভ ডেটা ভিজুয়ালাইজেশনও করতে পারেন। GWT দিয়ে ওয়েব অ্যাপ্লিকেশন তৈরি করতে আপনাকে Eclipse ব্যবহার করতে হবে এবং প্রয়োজনীয় ফাইল তৈরি করে কোড লিখতে হবে।